<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	<script type="text/javascript" src="js/jquery-1.4.3.js" ></script>
		<title></title>
	</head>
	<body>
		<div style="width:aotu;height:100px;background:#C30" id=div1></div>
<div style="width:990px;height:100px;background:#FC0" id=div2></div>


<script>
$(function() { 
 if($.browser.msie && ("6.0,7.0".indexOf($.browser.version) != -1)) {//判断浏览器是ie6 或 ie7
 //加入个隐藏的绝对定位的div，宽度要为百分比，若值太小不起作用。这是处理ie6、ie7浏览器版本的特殊方法，本例的关键之处
  $("body").append( '<div id="ie-resize" style="width:10%;height:10%;position:absolute;z-index:-999;visibility:hidden"></div>');
  $("#ie-resize").resize(function() {//将resize事件绑定在该层上
 ///如果浏览器发生缩放则触发的代码块部分，这里可以使用document.body.clientWidth取得浏览器缩放的值，这个值在ie和ff下是不同的，ie6、7取得的是文档内容所占的宽度，如上面的两个div，ie下浏览器缩小的时候始终显示是990，而ff则显示实际的缩小宽度。可以通过alert(document.body.clientWidth)来查看。
 //下面定位上面两个div
    if(document.body.clientWidth>=990 && document.body.clientWidth<=1024)//如果窗口缩放大小在990--1024像素之间
    {
  $("#div1").css("width","auto");//设置为Auto
 }
    else
     {
   $("#div1").css("width","990px");
  
 }//设置和div2一样的宽度
 
  });
}
 else{//其他浏览器
  $(window).resize(function() {
 if(document.body.clientWidth>=990 && document.body.clientWidth<=1024)//如果窗口缩放大小在990--1024像素之间
 {
  $("#div1").css("width","auto");
  }//设置为Auto
 else
 {
  $("#div1").css("width","990px");
  }//设置和div2一样的宽度
  })
 
 }
});
</script>
	</body>
</html>
